<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>梦想制造家-听歌识曲</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="http://s10.realdtech.com/xws/house-richer/sound-game/css/sound.css"/>
	</head>
	<body>
		<div class="sound-bg">
			<a class="skip-home" href="/wxcs?shuju=1">
				<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/close-btn.png">
			</a>
			<div class="sound-con" id="player">
				<div class="disk-con">
					<div class="disk" id="disk">
						<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/disk.png">
					</div>
					<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/pointer.png" class="pointer">
				</div>
				<!--不安全-->
				<div class="tag" style="display:none;">
					<strong></strong>
					<span class="artist"></span>
					<span class="album"></span>
				</div>
				<div class="oper-btn">
					<div>
						<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/up.png" class="up-btn">
					</div>
					<div>
						<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/pause.png" class="play-btn" onclick="zhuan()">
					</div>
					<div>
						<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/next.png" class="next-btn">
					</div>
					<div class="clearfix"></div>
				</div>
				<form>
				<div class="s-input">
					<input type="text" placeholder="请输入歌曲名称" class="soundName" id="soundName" name="soundName" value="" onfocus="this.placeholder=''" onblur="this.placeholder='请输入歌曲名称'">
				</div>
				<div class="sound-btn">
					<div>
						<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/rule-btn.png" class="rule-btn">
					</div>
					<div>
						<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/submit-btn.png" class="submit-btn">
					</div>
					<div class="clearfix"></div>
				</div>
				</form>
			</div>
		</div>
		<!--game-rule-->
		<div class="game-rule">
			<a class="skip-home" href="javascript:void(0)">
				<img src="../../../../../game-sound/img/close-btn.png" class="close-btn">
			</a>
			<div class="game-con">
				<div class="game-inner">
					<p><span>1</span>根据播放的歌曲，写出该歌曲的名称。如果一次答对5首，则获得掷筛子机会<i>1次</i>，可选择继续往前走或继续挑战；如果选择继续挑战并答对<i>所有歌曲</i>，则赠送掷筛子机会<i>2次+礼包</i>。（礼品暂定）</p>
					<p><span>2</span>通过此游戏获得的奖品，须在整个游戏界面--奖品中，以<i>获奖编码</i>的形式展现。同时在此页面上展现领奖时间和地点领奖。逾期视为放弃。</p>
					<p><span>3</span>若用户因听歌识曲而跳出游戏页面，重新返回时还将继续在原位置。</p>
					<p><span>4</span>说明：如用户出现违规行为（如虚假交易、作弊、恶意套取现金、刷信等），平台将撤销用户的活动参与资格，并有权回收用户已经获得的奖励，必要时追究法律责任。</p>
				</div>
			</div>
		</div>
		<!--奖品领完页面-->
		<div class="prize-off">
			<a class="skip-home" href="javascript:void(0)">
				<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/close-btn.png" class="close-btn">
			</a>
			<div class="off-con">
				<div class="game-inner">
					<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/bq-4.png">
					<p>Emmmmmmmmmm</p>
					<p>歌曲听也听完了</p>
					<p>可是今日奖品...也被领完了</p>
					<p>快捂住胸口</p>
					<p>小心心跳加速！！</p>
				</div>
			</div>
		</div>
		<div class="sound-noprize">
			<a class="skip-home" href="javascript:void(0)">
				<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/close-btn.png" class="close-btn">
			</a>
			<div class="no-prizecon">
				<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/bq-1.png">
				<div class="noprize-word">
					<p>居然没有闯关成功</p>
					<p>告诉我</p>
					<p>是不是平时经常听单曲循环</p>
					<p>是不是今日突然对歌曲起了免疫力</p>
					<p>来，再给你一次机会</p>
				</div>
				<div class="noprize-wordt">
					<p>让我一次哭个够，</p>
					<p>玩的这么high，还是没有中奖</p>
					<p>这是要哪样？？</p>
				</div>
			</div>
		</div>
		<!--中奖页面-->
		<div class="sound-prize">
			<a class="skip-home" href="javascript:void(0)">
				<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/close-btn.png" class="close-btn">
			</a>
			<div class="prize-con">
				<p>奖励你的！！！</p>
				<p>恭喜你额外获得一次掷筛子机会</p>
				<div class="prize-img">
					<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/guangquan.png">
					<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/shaizi.png">
				</div>
				<p>来吧</p>
				<p>请开始你的掷筛子表演</p>
			</div>
		</div>
		<!--筛子+奖品-->
		<div class="sound-prizeall">
			<a class="skip-home" href="javascript:void(0)">
				<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/close-btn.png" class="close-btn">
			</a>
			<div class="prizeall-con">
				<div class="prize-img">
					<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/guangquan.png">
					<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/shaizi.png">
				</div>
				<div class="prize-all">
					<p>中华小曲库</p>
					<p>请收下我的膝盖</p>
					<p>恭喜你在这么短的时间</p>
					<p>获取价值<span class="valuep"></span>元的<span class="namep"></span>奖品一份+2次掷筛子机会</p>
					<p>中奖编码:<span class="code"></span></p>
					<p>兑奖方式可在"我的奖品"中查看</p>
					<p>请幸运的你，在规定时间到指定地点，领取你的专属奖品！</p>
					<img src="http://s10.realdtech.com/xws/house-richer/sound-game/img/bq-3.png">
				</div>
			</div>
		</div>
		<input type="hidden"  id="openid" value="#(openid??)">
	</body>
	<script src="//static1.finchain.top/easyui-insdep/1.0.4/jquery.min.js"></script>
	<script src="http://s10.realdtech.com/xws/house-richer/sound-game/js/jquery-ui-1.8.17.custom.min.js"></script>
	<script src="../../../../../game-sound/js/audio.js"></script>
	<script>
	
	$(".rule-btn").on("click",function(){
		$(".game-rule").show();
		$(".sound-noprize").show();
	});
		$(".close-btn").on("click",function(){
			$(".game-rule").hide();
			$(".sound-noprize").hide();
		});
		
		//旋转
		var rot=10-0;
        var time;
        var is_zhuan=false;
        function zhuan (){
            if(is_zhuan==true){
                window.clearInterval(time);
                is_zhuan=false;
                $(".play-btn").attr("src","http://s10.realdtech.com/xws/house-richer/sound-game/img/pause.png");
                 $(".pointer").css({"transform":"rotate(0deg)"})
            }
            else{
                time=window.setInterval(begin,10);
                is_zhuan=true;
                $(".play-btn").attr("src","http://s10.realdtech.com/xws/house-richer/sound-game/img/play.png");
                $(".pointer").css({"transform":"rotate(-30deg)"})
            }
        }
        function begin(time){
            document.getElementById("disk").style.transform="rotatez("+rot+"deg)";
            rot+=1;
        }
        
       
	</script>
</html>
